<!DOCTYPE HTML>
<!--[if IE 7 ]>
<html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>
<html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]>
<html class="ie9" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="no-js" lang="en"> <!--<![endif]-->

<head>

    <!-- Meta information -->
    <meta charset="utf-8">

    <title>Estro - jQuery Ken Burns &amp; swipe effect slider plugin - by pixelentity - Example 1</title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta name="robots" content="index, follow"/>
    <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE"/>

    <!-- favicon & idevice homepage thumb -->
    <link rel="shortcut icon" href="favicon.jpg">

    <!-- google font -->
    <link href='http://fonts.googleapis.com/css?family=Droid+Sans:bold|Droid+Sans' rel='stylesheet' type='text/css'>
    <!-- main stylesheets -->
    <link rel="stylesheet" href="css/rotation/reset.css"/>
    <link rel="stylesheet" href="css/rotation/text.css"/>
    <link rel="stylesheet" href="css/rotation/960.css"/>
    <link rel="stylesheet" href="css/rotation/preview.css"/>
    <link rel="stylesheet" href="css/rotation/skin.min.css"/>


    <!-- import jQuery -->
    <script type="text/javascript" src="js/rotation/jquery-1.5.2.min.js"></script>
    <script type="text/javascript" src="js/rotation/preview.js"></script>

    <script type="text/javascript" src="js/rotation/jquery.pixelentity.kenburnsSlider.min.js"></script>

    <!--specify size of slider-->
    <style>
        .peKenBurns {
            width: 920px;
            height: 400px;
        }
        #wrapper2{
            position:relative;
            padding-top:10px;
            width:920px;
            height:445px;
            overflow:visible;
        }
    </style>

    <script>

        jQuery(function ($) {
            $(".peKenBurns").peKenburnsSlider({externalFont: true})
        })
        // for google fonts, handle captions sizing only after fonts are loaded
        jQuery(window).load(function () {
            $(".peKenBurns").each(function () {
                $(this).data("peKenburnsSlider").fontsLoaded()
            })
        })

    </script>

</head>
<table align="center">
    <body>

    <div id="" style="">


        <div id="wrapper2" class="container_16">
            <!--start peKenBurns slider-->
            <div class="peKenBurns peNoJs" data-autopause="image" data-thumb="enabled" data-mode="kb"
                 data-controls="always" data-shadow="enabled">

                <div class="peKb_active" data-delay="5" data-thumb="img/thumbs/jt5.jpg">
                    <img src="img/jt5.jpg" alt="Banner Image 1"/>
                    <h1>华软大门</h1>
                </div>

                <!-- lazy loading active -->
                <div data-delay="5" data-thumb="img/thumbs/jt1.jpg">
                    <img src="img/blank.png" data-src="img/jt1.jpg" alt="Banner Image 1"/></a>
                    <h1>华软云毕业典礼</h1>
                </div>

                <!-- lazy loading active -->
                <div data-delay="5" data-thumb="img/thumbs/jt2.jpg">
                    <img src="img/blank.png" data-src="img/jt2.jpg" alt="Banner Image 1"/>
                    <h1>华软桥</h1>
                </div>

                <!-- lazy loading active -->
                <div data-delay="5" data-thumb="img/thumbs/jt3.jpg">
                    <img src="img/blank.png" data-src="img/jt3.jpg" alt="Banner Image 1"/>
                    <h1>丝木棉馨径</h1>
                </div>

                <!-- lazy loading active -->
                <div data-delay="5" data-thumb="img/thumbs/jt4.jpg">
                    <img src="img/blank.png" data-src="img/jt4.jpg" alt="Banner Image 1"/>
                    <h1>落日+丝木棉</h1>
                </div>

                <!-- lazy loading active -->
                <div data-delay="5" data-thumb="img/thumbs/jt6.jpg">
                    <img src="img/blank.png" data-src="img/jt6.jpg" alt="Banner Image 1"/>
                    <h1>无边湖</h1>
                </div>

                <!-- lazy loading active -->
                <div data-delay="5" data-thumb="img/thumbs/jt7.jpg">
                    <img src="img/blank.png" data-src="img/jt7.jpg" alt="Banner Image 1"/>
                    <h1>喷泉广场</h1>
                </div>
                <!--             lazy loading active-->
                <div data-delay="5" data-thumb="img/thumbs/jt8.jpg">
                    <img src="img/blank.png" data-src="img/jt8.jpg" alt="Banner Image 1"/>
                    <h1>华软足球场</h1>
                </div>

            </div>

        </div>


    </div>

    <!--end annotation-->
    </body>
</table>
</html>
